<template>
    <div>
        <DictionaryVue :auth="auth" />
    </div>
</template>

<script lang="ts">
import DictionaryVue from "@/components/dictionary/Dictionary.vue";
import { defineComponent, toRefs, reactive } from "vue";
import { useStore } from "vuex";

export default defineComponent({
    name: "Dict",
    components: { DictionaryVue },
    setup() {
        const store = useStore();
        const { UIAuth, bodySize } = toRefs(store.state);
        const auth = reactive({
            add: UIAuth.value._api_dictionary_post,
            del: UIAuth.value._api_dictionary_delete,
            edit: UIAuth.value._api_dictionary_put,
            get: UIAuth.value._api_dictionary_paginate_get,
        });
        return {
            UIAuth,
            bodySize,
            auth,
        };
    },
});
</script>

<style scoped lang="scss">
</style>